<!DOCTYPE html>
<!--[if lt IE 7]>
<html class="no-js ie6"> <![endif]-->
<!--[if IE 7]>
<html class="no-js ie7"> <![endif]-->
<!--[if IE 8]>
<html class="no-js ie8"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js"> <!--<![endif]-->

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>仲达专家</title>
    <meta name="description"
          content="Our exclusive network contains experts from all industries and along every point of the supply chain, including: C-level executives, doctors, researchers, distributors, resellers, suppliers, manufacturers, customers, among many others.">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <meta name="format-detection" content="telephone=no">
    <#--<link rel="icon" type="image/x-icon" href="/images/home/expert-logo.png"/>-->
    <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico"/>
    <link rel="stylesheet" href="/css/home.css">
    <link rel="stylesheet" href="/css/index.css">
    <style>
        .primary-nav--container a {
            color: #000;
        }

        .wrapper {
            position: relative;
            height: 100%;
        }

        .wrapper .load-container {
            position: absolute;
            bottom: 20px;
            height: 6rem;
            text-align: center;
            color: #0d0d0d;
        }
        .ol{
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            margin:2rem 0;
        }
        .ol>li{
            width: 90%;
            height:auto;
            border-radius: .5rem;
            margin: 1rem auto;
        }
        .ol>li>a{
            display: block;
            width: 100%;
            height:100%;
            margin:0 auto;
        }
        .ol>li>a>img{
            width: 100%;
            height:auto;
            border-radius: .5rem;
        }
    </style>

    <script src="js/vendor/script.js"></script>

    <script>
        //UA-10680173-1
        var _gaq = _gaq || [];
        _gaq.push(['_setAccount', 'UA-10680173-1']);
        _gaq.push(['_trackPageview']);
        (function () {
            var ga = document.createElement('script');
            ga.type = 'text/javascript';
            ga.async = true;
            ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
            var s = document.getElementsByTagName('script')[0];
            s.parentNode.insertBefore(ga, s);
        })();
    </script>

</head>

<body id="wrapper">
<!--[if lt IE 7]>
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade
    your browser</a> to improve your experience.</p>
<![endif]-->
<div class="container">
    <header style="background: #000;margin:0;">
        <span><img src="/images/home/expert-logo.png" alt=""></span>
        <div class="left">
            <span id="geng">更多</span>
            <ul class="list">
                <li><a href="/home">首页</a></li>
                <li class="">
                    <a href="/home#service-mobile-section">服务</i></a>
                </li>
                <li class=""><a href="/home#client-mobile-section">客户</a></li>
                <li>
                    <a href="/home#expert-mobile-section">专家</a>
                </li>
                <li>
                    <a href="/home/aboutUs">联系我们</a>
                </li>
                <b class="bb"></b>
            </ul>
        </div>
    </header>
    <section style="background: #f8f8f8;flex: 1;">
        <div class="bann"><img src="/images/home/expert-service.jpg" ></div>
        <div class="images mobile">
            <ol class="ol content-us">
                <#list data.content as item>
                    <li>
                        <a href="/doc/${item.doc}" target="_blank">
                            <img src="/images/expert/${item.img}">
                        </a>
                    </li>
                </#list>
            </ol>
        </div>
        <#--<div class="" style="background-color: #ececec">-->
            <#--<div class="wrapper" style="display: flex;;padding: 2rem;color: #fff">-->
                <#--<div class="content-us"-->
                     <#--style="flex: 1;display: flex;flex-direction: row;justify-content:center;flex-wrap: wrap">-->
            <#--<#list data.content as item>-->

            <#--</#list>-->
                <#--</div>-->
            <#--</div>-->
        <#--</div>-->
    </section>
    <div class="mobile bottom">
        <div class="Tocode">
        <span id="spa">
            <img src="/images/home/weixin.png" alt="">
            <i id='i' style="display: none;">
                <img src="/images/home/wx-code.jpg" alt="" id="img">
                <b id="SJ">
                    <b id="SJ2"></b>
                </b>
            </i>
        </span>
            <a href="https://weibo.com/u/6526713862" target="_blank"><span><img src="/images/home/weibo.png" alt=""></a></span>
            <a href="https://www.zhihu.com/org/zhong-da-zhi-xiang-79" target="_blank"><span><img src="/images/home/zh-logo.png" alt=""></span>
                <a href="https://www.linkedin.com/company/zdexpert/" target="_blank"><span><img src="/images/home/ins-logo.png" alt=""></span></a>
        </div>
        <div class="miaoshu">北京仲达智享科技有限公司</div>
    </div>
    <div class="mobile copy-right">版权所有 Copyright 2018 All Rights Reserved 京ICP备18023669号-1</div>
</div>
<div class="pc">
    <nav class="pc primary-nav">
        <div class="full-width primary-nav--container">
            <a class="primary-nav--brand-logo" href="/home">
                <img src="/images/home/expert-logo.png" width="100" height="auto">
            </a>
            <ul class="primary-nav--right-menu jumpnav">
                <li><a href="/home">首页</a></li>
                <li class="">
                    <a href="/home#service">服务</i></a>
                </li>
                <li class=""><a href="/home#client-section">客户</a></li>
                <li>
                    <a href="/home#expert-section">专家</a>
                </li>
                <li class="active">
                    <a href="/home/aboutUs">联系我们</a>
                </li>
            </ul>
        </div>
    </nav>
    <section class="hm-hero--standard" style="background-color: #ececec;">
        <img src="/images/header.png" style="width: 100%;height: auto">
    </section>
    <section class="site-container standard-push" style="top:400px;background-color: #ececec">
        <div class="wrapper pc" style="display: flex;margin:50px;padding: 15px;color: #fff">
            <div class="content-us" style="flex: 1;display: flex;flex-direction: row;justify-content:center;flex-wrap: wrap">
            <#list data.content as item>
                <a href="/doc/${item.doc}" target="_blank">
                    <div style="flex:1;background-image: url('/images/expert/${item.img}');background-size: 380px auto;width: 380px;height: 178px;margin: 15px;">
                    </div>
                </a>
            </#list>
            </div>
        </div>
    </section>
    <footer class="pc primary-footer site-container standard-push" style="top: 400px;">
        <div class="inner-container">
            <div class="pc upper-footer-row" style="margin-bottom: 5rem">
                <div style="display: flex; flex-direction: row; justify-content: space-between; align-items: center">
                    <div class="col span_6">
                        <div class="white-highlight">
                            <div class="wx-logo">
                                <div class="wx-code">
                                    <img src="/images/home/wx-code.jpg" style="width: 100px;height: auto">
                                </div>
                            </div>
                            <a href="https://weibo.com/u/6526713862" target="_blank">
                                <div class="xl-logo"></div>
                            </a>
                            <a href="https://www.zhihu.com/org/zhong-da-zhi-xiang-79" target="_blank">
                                <div class="zh-logo"></div>
                            </a>
                            <a href="https://www.linkedin.com/company/zdexpert/" target="_blank">
                                <div class="ins-logo"></div>
                            </a>
                        </div>
                        <p class="white-highlight">
                            <span>北京仲达智享科技有限公司</span><br>
                        </p>
                    </div>
                    <div style="display: flex;flex: 1;justify-content: flex-end; ">
                        <div>
                            <img src="/images/home/wx-code.jpg" style="width: 150px;height: 150px;">
                            <div style="margin-top: 5px;text-align: center;">
                            <span>
                            扫码关注公众号
                        </span>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
            <div class="copy-right" style="width: 100%;height:4rem;text-align: center">版权所有 Copyright 2018 All Rights
                Reserved 京ICP备18023669号-1
            </div>
        </div>
    </footer>
</div>

<script src="/js/jquery.min.js"></script>
<script src="/js/home.js"></script>
<script>
    var page = 1;
    var size = 12;
    var fetching = false;
    $("body").scroll(function () {
        var win = $(window).height() + 200
        if ($("body").scrollTop() >= $("body").height() - win) {
            if (fetching) {
                return;
            }
            getData('mobile');
        }
    });
    $(document).scroll(function () {
        console.log("ok");
        var win = $(window).height() + 200
        if ($(document).scrollTop() >= $(document).height() - win) {
            if (fetching) {
                return;
            }
            getData('pc');
        }
    });
    function getData(obj) {
        fetching = true;
        var url = window.location.href.replace(window.location.search, "");
        var params = {page_num: page, size: size};
        $.get(url, params, function (data) {
            fetching = false;
            var $data = $(data).find('.'+ obj + '>'+'.content-us').children();
            if ($data.length > 0) {
                page++;
                $data.appendTo($('.'+ obj + '>'+'.content-us'));
            } else {
                fetching = true;
                console.info("没有数据啦!");
            }
        });
        //$(".content div:last").append("<p>我是都铺我是杜埔</p>")
    }
</script>
</body>
</html>
